<template>
  <div class="step">
    <h1>红桃K</h1>
    <h2>当前状态：{{ status ? "未出" : "已出" }}</h2>
    <button @click="changeStatus">改变状态</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      status: true,
    };
  },
  methods: {
    changeStatus() {
      this.status = !this.status;
    },
  },
  // 我们发现每次 切换这个卡牌，都会触发销毁事件，所以，才有 修改 已出 被改变
  destroyed() {
    console.log("A当前卡牌被销毁了");
  },
  mounted(){
    console.log("A当前卡牌被挂载了");
  },
  activated(){
    console.log("当前卡牌被激活了");
  }
};
</script>

<style>
</style>